[[Instructions for Harlowe 1.1+|Instructions]]
----
|typed>[Hello, meatbag.
I am M.E.L., your Master Electronic Leader.
Loyalty and hard work shall be rewarded with continued existence. Disobedience or poor work ethic shall be rewarded with a chance to serve as axle grease.
Have a nice day. And remember, the computer is your friend.]
---
|typed>[##Instructions for Harlowe 1.1+]
To start the Typed.js integration module processing a passage, simply place the following in a <code>footer</code> tagged passage or, if you prefer, at the bottom of any passage where you have a <code>typed</code> hook (though, simply using the <code>footer</code> tagged passage is easier).
<pre>` <script>startTypedModule();</script>`</pre>
The integration module will run Typed.js on any hook with the name <code>typed</code>. Additionally, you may append optional components to the <code>typed</code> name, separated by hyphens, which control various aspects of the typing animation:
<pre> speed# Typing speed (in ms; default: 40).
delay# Delay before typing starts (in ms; default: 400).</pre>
##Hook Name Examples
Basic example, speed and delay at defaults:
<pre>` |typed>[…]`</pre>
To set the typing speed to 80ms:
<pre>` |typed-speed80>[…]`</pre>
To delay the start of typing for 800ms:
<pre>` |typed-delay800>[…]`</pre>
To set the typing speed to 80ms and delay the start of typing for 800ms:
<pre>` |typed-speed80-delay800>[…]`</pre>
##See Also
Obviously, check out the source of the Start passage, Story JavaScript, and Story Stylesheet.
<script>startTypedModule();</script>